<template>
  <div>
    <div v-if=" content && content.length > maxLen" class="atooltip">
      <el-tooltip
        class="item"
        effect="dark"
        :content="content"
        placement="top-start"
        popper-class="atooltip"
      >
        <div>{{ content }}</div>
      </el-tooltip>
    </div>
    <template v-else>
      <div> {{ content }} </div>
    </template>
  </div>
</template>

<script>
export default {
  name: 'Tooltips',
  props: {
    // eslint-disable-next-line vue/require-default-prop
    content: {
      type: [String,
        Number,]
    },
    maxLen: {
      type: Number,
      default: 15
    }
  },
  data() {
    return {}
  }
}
</script>
